<!doctype html>
<!-- The DOCTYPE declaration above will set the    -->
<!-- browser's rendering engine into               -->
<!-- "Standards Mode". Replacing this declaration  -->
<!-- with a "Quirks Mode" doctype may lead to some -->
<!-- differences in layout.                        -->

<html>
  <head>
    <title>Car Picker Project</title>
    
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <link type="text/css" rel="stylesheet" href="CarPicker.css">
    
    <!-- Script arguments: -->
	<script>
		carpickerviewer_config = "../picker_config.xml";
		carpickerviewer_image  = "http://localhost/traffic.jpg";
		
		// Called by CarPicker after it's done loading.
    	function afterCarPickerViewerLoad() {
			CarPickerViewer.addCar(100, 150);
			CarPickerViewer.addCar(150, 100);
		}
	</script>
    
    <script type="text/javascript" language="javascript" src="carpickerviewer/carpickerviewer.nocache.js"></script>
    <script>
	</script>
  </head>

  <!--                                           -->
  <!-- The body can have arbitrary html, or      -->
  <!-- you can leave the body empty if you want  -->
  <!-- to create a completely dynamic UI.        -->
  <!--                                           -->
  <body>

    <!-- RECOMMENDED if your web app will not function without JavaScript enabled -->
    <noscript>
      <div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
        Your web browser must have JavaScript enabled
        in order for this application to display correctly.
      </div>
    </noscript>

    <h1 id="project-name">Car Picker Project</h1>

    <div id="carpickerviewer-container" />
  </body>
</html>
